@CHARSET "ISO-8859-1";

body{
	background-color: #CDE6FF;
	background-image: url(../img/bg_body.png);
	background-repeat: repeat-x;
	padding-top: 100px;
	
	font-family: Arial, sans-serif;
}

h1{
	color: #C7AA8D;
	font-size: 3em;	
	font-family: "Arial Black";
	margin: 0;
}

h2{
	color: #B1967C;
	font-weight:normal;
	font-family: "Palatino Linotype", Baskerville, serif;
	font-size: 2.2em;
	border-bottom: 2px white solid;
	padding: 0 0 2px 80px;
	margin: 0;
}

p{
	color: #616161;
	line-height: 150%;
	margin-top: 10px;
	margin-left: 80px;
}

/* Can do p:first-line too */
p:first-letter{
	font-size: 2.2em;
}

/* Can do :before too */
p.tip:after{
	content: " HOT TIP!";
}

/* This is a class. Classes must have a '.' before the name. */

.intro {
	color: #6A94CC;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	margin-left: 0;
	margin-bottom: 25px;
}

.navbar {
	color: #FFFFFF;
	font-family: "Goudy Old Style", "Arial Black", sans-serif;
	font-size: 1.5em;
	list-style: none;
	margin: 0;
	padding: 0;
}

.navbar li{
	background: -webkit-gradient(linear, center bottom, center top, from(green), color-stop(25%,yellow), to(blue));
	background: -moz-linear-gradient(90deg, green, yellow 25%, blue);
	border: 2px black solid;
	padding: 2px 2px 2px 2px;
	margin-bottom: 5px;
	margin-top: 5px;
	margin-left: 0;
	width: 150px;
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-touch-callout: none;
	cursor:default;
}

.navbar li:hover{
	box-shadow: 3px 3px 4px #000000;
	background: -webkit-gradient(radial, right top, 0, right top, 141, from(green), color-stop(50%, yellow), to(blue));
	background: -moz-radial-gradient(right top, green, yellow, blue);
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-touch-callout: none;
	cursor:default;
}

.navbar li:active{
	background: -webkit-gradient(linear, center bottom, center top, from(green), color-stop(25%,yellow), to(blue));
	background: -moz-linear-gradient(90deg, green, yellow 25%, blue);
	-webkit-user-select: none;
	-moz-user-select: none;
	-webkit-touch-callout: none;
	cursor:default;
}	